<template>
  <div class="active-interception-right">
    <EchartsPie1 :name="'网络婚恋、交友类（非杀猪盘类）'"></EchartsPie1>
    <EchartsPie2 :name="'虚假理财类'"></EchartsPie2>
    <EchartsPie3 :name="'虚假电商类'"></EchartsPie3>
  </div>
</template>

<script>
import EchartsPie1 from './components/echartsPie1.vue';
import EchartsPie2 from './components/echartsPie2.vue';
import EchartsPie3 from './components/echartsPie3.vue';
export default {
  name: 'activeInterceptionRight',
  components: {
    // dxWrap
    EchartsPie1,
    EchartsPie2,
    EchartsPie3,
  },
  data () {
    return {
      chart: null,
      barChart: null,
    }
  },
  methods: {
  },
  mounted () {
  },
  beforeDestroy() {
  }
}
</script>

<style lang="stylus" scoped>
  .active-interception-right{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-image: url("../../../assets/img/activeInterception/right.png");
    background-size: 100% 100%;
    width: 20%;

  }

</style>